<template>
    <div class="sync">
        <div class="sync-content">
            <div><img :src="data.url"></div>
            <div class="sync-pop">
                <div>{{data.name}}</div>
                <div>&nbsp;{{data.age}}</div>
            </div>
        </div>
        <hr>
        <div>这是介绍</div>

    </div>
</template>

<script setup lang="ts">
    import {ref,reactive} from 'vue'
    import service from '../utils/request.js'

    interface Data {
        data:{
            name:string,
            age:number,
            url:string,
            desc:string
        }
    }
   const {data} =  await service<Data>({
        url:'http://127.0.0.1:5173/data.json',
        method:'GET',
    })
    console.log(data)

</script>

<style scoped>

</style>
